<html lang="en"><head>
   <meta charset="utf-8">
   <title>Simple pagination</title>
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="viewport" content="initial-scale=1">
   <link rel="stylesheet" href="library/paging/css.css" media="screen">
</head>
<body>
<a href="https://github.com/ddenhartog/jquery-simple-pagination" target="_blank"><h1>Fork on GitHub</h1></a>

<div id="header">
   <h1>jQuery Simple Pagination Plugin</h1>
   <h2>A simple, yet robustly customizable pagination plugin for jQuery</h2>
</div>
<header>
   <h3>Example: Default behavior</h3>
   <h4>$('#first-container').simplePagination();</h4>
</header>
<div id="first-container">
   <table>
      <ul>
      <!--http://www.marijn.org/everything-is-4/counting-0-to-100/english/-->
      <li style="display: table-row;"><div>One</div></li>
      <li style="display: table-row;"><div>Two</div></li>
      <li style="display: table-row;"><div>Three</div></li>
      <li style="display: table-row;"><div>Four</div></li>
      <li style="display: table-row;"><div>Five</div></li>
      <li style="display: table-row;"><div>Six</div></li>
      <li style="display: table-row;"><div>Seven</div></li>
      <li style="display: table-row;"><div>Eight</div></li>
      <li style="display: table-row;"><div>Nine</div></li>
      <li style="display: table-row;"><div>Ten</div></li>
      <li style="display: table-row;"><div>Eleven</div></li>
      <li style="display: table-row;"><div>Twelve</div></li>
      <li style="display: table-row;"><div>Thirteen</div></li>
      <li style="display: table-row;"><div>Fourteen</div></li>
      <li style="display: table-row;"><div>Fifteen</div></li>
      <li style="display: table-row;"><div>Sixteen</div></li>
      <li style="display: table-row;"><div>Seventeen</div></li>
      <li style="display: table-row;"><div>Eighteen</div></li>
      <li style="display: table-row;"><div>Nineteen</div></li>
      <li style="display: table-row;"><div>Twenty</div></li>
      <li style="display: table-row;"><div>Twenty-one</div></li>
      <li style="display: table-row;"><div>Twenty-two</div></li>
      <li style="display: table-row;"><div>Twenty-three</div></li>
      <li style="display: table-row;"><div>Twenty-four</div></li>
      <li style="display: table-row;"><div>Twenty-five</div></li>
      <li style="display: none;"><div>Twenty-six</div></li>
      <li style="display: none;"><div>Twenty-seven</div></li>
      <li style="display: none;"><div>Twenty-eight</div></li>
      <li style="display: none;"><div>Twenty-nine</div></li>
      <li style="display: none;"><div>Thirty</div></li>
      <li style="display: none;"><div>Thirty-one</div></li>
      <li style="display: none;"><div>Thirty-two</div></li>
      <li style="display: none;"><div>Thirty-three</div></li>
      <li style="display: none;"><div>Thirty-four</div></li>
      <li style="display: none;"><div>Thirty-five</div></li>
      <li style="display: none;"><div>Thirty-six</div></li>
      <li style="display: none;"><div>Thirty-seven</div></li>
      <li style="display: none;"><div>Thirty-eight</div></li>
      <li style="display: none;"><div>Thirty-nine</div></li>
      <li style="display: none;"><div>Forty</div></li>
      <li style="display: none;"><div>Forty-one</div></li>
      <li style="display: none;"><div>Forty-two</div></li>
      <li style="display: none;"><div>Forty-three</div></li>
      <li style="display: none;"><div>Forty-four</div></li>
      <li style="display: none;"><div>Forty-five</div></li>
      <li style="display: none;"><div>Forty-six</div></li>
      <li style="display: none;"><div>Forty-seven</div></li>
      <li style="display: none;"><div>Forty-eight</div></li>
      <li style="display: none;"><div>Forty-nine</div></li>
      <li style="display: none;"><div>Fifty</div></li>
      <li style="display: none;"><div>Fifty-one</div></li>
      <li style="display: none;"><div>Fifty-two</div></li>
      <li style="display: none;"><div>Fifty-three</div></li>
      <li style="display: none;"><div>Fifty-four</div></li>
      <li style="display: none;"><div>Fifty-five</div></li>
      <li style="display: none;"><div>Fifty-six</div></li>
      <li style="display: none;"><div>Fifty-seven</div></li>
      <li style="display: none;"><div>Fifty-eight</div></li>
      <li style="display: none;"><div>Fifty-nine</div></li>
      <li style="display: none;"><div>Sixty</div></li>
      <li style="display: none;"><div>Sixty-one</div></li>
      <li style="display: none;"><div>Sixty-two</div></li>
      <li style="display: none;"><div>Sixty-three</div></li>
      <li style="display: none;"><div>Sixty-four</div></li>
      <li style="display: none;"><div>Sixty-five</div></li>
      <li style="display: none;"><div>Sixty-six</div></li>
      <li style="display: none;"><div>Sixty-seven</div></li>
      <li style="display: none;"><div>Sixty-eight</div></li>
      <li style="display: none;"><div>Sixty-nine</div></li>
      <li style="display: none;"><div>Seventy</div></li>
      <li style="display: none;"><div>Seventy-one</div></li>
      <li style="display: none;"><div>Seventy-two</div></li>
      <li style="display: none;"><div>Seventy-three</div></li>
      <li style="display: none;"><div>Seventy-four</div></li>
      <li style="display: none;"><div>Seventy-five</div></li>
      <li style="display: none;"><div>Seventy-six</div></li>
      <li style="display: none;"><div>Seventy-seven</div></li>
      <li style="display: none;"><div>Seventy-eight</div></li>
      <li style="display: none;"><div>Seventy-nine</div></li>
      <li style="display: none;"><div>Eighty</div></li>
      <li style="display: none;"><div>Eighty-one</div></li>
      <li style="display: none;"><div>Eighty-two</div></li>
      <li style="display: none;"><div>Eighty-three</div></li>
      <li style="display: none;"><div>Eighty-four</div></li>
      <li style="display: none;"><div>Eighty-five</div></li>
      <li style="display: none;"><div>Eighty-six</div></li>
      <li style="display: none;"><div>Eighty-seven</div></li>
      <li style="display: none;"><div>Eighty-eight</div></li>
      <li style="display: none;"><div>Eighty-nine</div></li>
      <li style="display: none;"><div>Ninety</div></li>
      <li style="display: none;"><div>Ninety-one</div></li>
      <li style="display: none;"><div>Ninety-two</div></li>
      <li style="display: none;"><div>Ninety-three</div></li>
      <li style="display: none;"><div>Ninety-four</div></li>
      <li style="display: none;"><div>Ninety-five</div></li>
      <li style="display: none;"><div>Ninety-six</div></li>
      <li style="display: none;"><div>Ninety-seven</div></li>
      <li style="display: none;"><div>Ninety-eight</div></li>
      <li style="display: none;"><div>Ninety-nine</div></li>
      <li style="display: none;"><div>One hundred</div></li>
      <li style="display: none;"><div>One hundred one</div></li>
      <li style="display: none;"><div>One hundred two</div></li>
      <li style="display: none;"><div>One hundred three</div></li>
      <li style="display: none;"><div>One hundred four</div></li>
      <li style="display: none;"><div>One hundred five</div></li>
      <li style="display: none;"><div>One hundred six</div></li>
      <li style="display: none;"><div>One hundred seven</div></li>
      <li style="display: none;"><div>One hundred eight</div></li>
      <li style="display: none;"><div>One hundred nine</div></li>
      <li style="display: none;"><div>One hundred ten</div></li>
      <li style="display: none;"><div>One hundred eleven</div></li>
      <li style="display: none;"><div>One hundred twelve</div></li>
      <li style="display: none;"><div>One hundred thirteen</div></li>
      <li style="display: none;"><div>One hundred fourteen</div></li>
      <li style="display: none;"><div>One hundred fifteen</div></li>
      <li style="display: none;"><div>One hundred sixteen</div></li>
      <li style="display: none;"><div>One hundred seventeen</div></li>
      <li style="display: none;"><div>One hundred eighteen</div></li>
      <li style="display: none;"><div>One hundred nineteen</div></li>
      <li style="display: none;"><div>One hundred twenty</div></li>
      <li style="display: none;"><div>One hundred twenty-one</div></li>
      <li style="display: none;"><div>One hundred twenty-two</div></li>
      <li style="display: none;"><div>One hundred twenty-three</div></li>
      <li style="display: none;"><div>One hundred twenty-four</div></li>
      <li style="display: none;"><div>One hundred twenty-five</div></li>
      <li style="display: none;"><div>One hundred twenty-six</div></li>
      <li style="display: none;"><div>One hundred twenty-seven</div></li>
      <li style="display: none;"><div>One hundred twenty-eight</div></li>
      <li style="display: none;"><div>One hundred twenty-nine</div></li>
      <li style="display: none;"><div>One hundred thirty</div></li>
      <li style="display: none;"><div>One hundred thirty-one</div></li>
      <li style="display: none;"><div>One hundred thirty-two</div></li>
      <li style="display: none;"><div>One hundred thirty-three</div></li>
      <li style="display: none;"><div>One hundred thirty-four</div></li>
      <li style="display: none;"><div>One hundred thirty-five</div></li>
      <li style="display: none;"><div>One hundred thirty-six</div></li>
      <li style="display: none;"><div>One hundred thirty-seven</div></li>
      <li style="display: none;"><div>One hundred thirty-eight</div></li>
      <li style="display: none;"><div>One hundred thirty-nine</div></li>
      <li style="display: none;"><div>One hundred forty</div></li>
      <li style="display: none;"><div>One hundred forty-one</div></li>
      <li style="display: none;"><div>One hundred forty-two</div></li>
      <li style="display: none;"><div>One hundred forty-three</div></li>
      <li style="display: none;"><div>One hundred forty-four</div></li>
      <li style="display: none;"><div>One hundred forty-five</div></li>
      <li style="display: none;"><div>One hundred forty-six</div></li>
      <li style="display: none;"><div>One hundred forty-seven</div></li>
      <li style="display: none;"><div>One hundred forty-eight</div></li>
      <li style="display: none;"><div>One hundred forty-nine</div></li>
      <li style="display: none;"><div>One hundred fifty</div></li>
      <li style="display: none;"><div>One hundred fifty-one</div></li>
      <li style="display: none;"><div>One hundred fifty-two</div></li>
      <li style="display: none;"><div>One hundred fifty-three</div></li>
      <li style="display: none;"><div>One hundred fifty-four</div></li>
      <li style="display: none;"><div>One hundred fifty-five</div></li>
      <li style="display: none;"><div>One hundred fifty-six</div></li>
      <li style="display: none;"><div>One hundred fifty-seven</div></li>
      <li style="display: none;"><div>One hundred fifty-eight</div></li>
      <li style="display: none;"><div>One hundred fifty-nine</div></li>
      <li style="display: none;"><div>One hundred sixty</div></li>
      <li style="display: none;"><div>One hundred sixty-one</div></li>
      <li style="display: none;"><div>One hundred sixty-two</div></li>
      <li style="display: none;"><div>One hundred sixty-three</div></li>
      <li style="display: none;"><div>One hundred sixty-four</div></li>
      <li style="display: none;"><div>One hundred sixty-five</div></li>
      <li style="display: none;"><div>One hundred sixty-six</div></li>
      <li style="display: none;"><div>One hundred sixty-seven</div></li>
      <li style="display: none;"><div>One hundred sixty-eight</div></li>
      <li style="display: none;"><div>One hundred sixty-nine</div></li>
      <li style="display: none;"><div>One hundred seventy</div></li>
      <li style="display: none;"><div>One hundred seventy-one</div></li>
      <li style="display: none;"><div>One hundred seventy-two</div></li>
      <li style="display: none;"><div>One hundred seventy-three</div></li>
      <li style="display: none;"><div>One hundred seventy-four</div></li>
      <li style="display: none;"><div>One hundred seventy-five</div></li>
      <li style="display: none;"><div>One hundred seventy-six</div></li>
      <li style="display: none;"><div>One hundred seventy-seven</div></li>
      <li style="display: none;"><div>One hundred seventy-eight</div></li>
      <li style="display: none;"><div>One hundred seventy-nine</div></li>
      <li style="display: none;"><div>One hundred eighty</div></li>
      <li style="display: none;"><div>One hundred eighty-one</div></li>
      <li style="display: none;"><div>One hundred eighty-two</div></li>
      <li style="display: none;"><div>One hundred eighty-three</div></li>
      <li style="display: none;"><div>One hundred eighty-four</div></li>
      <li style="display: none;"><div>One hundred eighty-five</div></li>
      <li style="display: none;"><div>One hundred eighty-six</div></li>
      <li style="display: none;"><div>One hundred eighty-seven</div></li>
      <li style="display: none;"><div>One hundred eighty-eight</div></li>
      <li style="display: none;"><div>One hundred eighty-nine</div></li>
      <li style="display: none;"><div>One hundred ninety</div></li>
      <li style="display: none;"><div>One hundred ninety-one</div></li>
      <li style="display: none;"><div>One hundred ninety-two</div></li>
      <li style="display: none;"><div>One hundred ninety-three</div></li>
      <li style="display: none;"><div>One hundred ninety-four</div></li>
      <li style="display: none;"><div>One hundred ninety-five</div></li>
      <li style="display: none;"><div>One hundred ninety-six</div></li>
      <li style="display: none;"><div>One hundred ninety-seven</div></li>
      <li style="display: none;"><div>One hundred ninety-eight</div></li>
      <li style="display: none;"><div>One hundred ninety-nine</div></li>
      <li style="display: none;"><div>Two hundred</div></li>
      </ul>
   </table>
   <div class="my-navigation">
      <div class="simple-pagination-first"><a href="#" class="simple-pagination-navigation-first simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">First</a></div>
      <div class="simple-pagination-previous"><a href="#" class="simple-pagination-navigation-previous simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">Previous</a></div>
      <div class="simple-pagination-page-numbers"><a href="#" class="simple-pagination-navigation-page simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">1</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="2">2</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="3">3</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="4">4</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="5">5</a></div>
      <div class="simple-pagination-next"><a href="#" class="simple-pagination-navigation-next" data-simple-pagination-page-number="2">Next</a></div>
      <div class="simple-pagination-last"><a href="#" class="simple-pagination-navigation-last" data-simple-pagination-page-number="8">Last</a></div>
   </div>
   <div class="simple-pagination-page-x-of-x">Page 1 of 8</div>
   <div class="simple-pagination-showing-x-of-x">Showing 1-25 of 200</div>
   <div>
      Display <select class="simple-pagination-items-per-page"><option value="5">Five</option>
      <option value="10">Ten</option>
      <option value="25" selected="">Twenty-five</option>
      <option value="50">Fifty</option>
      <option value="100">One hundred</option>
   </select> items per page.
   </div>
   <div>
      Go directly to page <select class="simple-pagination-select-specific-page"><option value="1" selected="">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
   </select>.
   </div>
</div>
<header>
   <h3>Example: Adjusting the number items per page and number of visable page numbers</h3>
   <h4>$('#second-container').simplePagination({<br>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;items_per_page: 5<br>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;number_of_visible_page_numbers: 10  // Treated as '9' (see below for explanation)<br>
      });</h4>
   <h5>Values are treated as integers via <i>parseInt()</i></h5>
   <h5>Even integers are treated as the next lowest odd integer so the current page number can be centered between the other page numbers.</h5>
   <h5>Regardless of value passed: <u>special treatment is made to the beginning and ending numbers to ALWAYS display the desired number of page numbers</u></h5>
   <h5>'0' can be passed, which treated the same as: <i>use_page_numbers: false</i></h5>
</header>
<div id="second-container">

      <ul>
      <!--http://www.marijn.org/everything-is-4/counting-0-to-100/english/-->
      <li style="display: table-row;"><div>One</div></li>
      <li style="display: table-row;"><div>Two</div></li>
      <li style="display: table-row;"><div>Three</div></li>
      <li style="display: table-row;"><div>Four</div></li>
      <li style="display: table-row;"><div>Five</div></li>
      <li style="display: none;"><div>Six</div></li>
      <li style="display: none;"><div>Seven</div></li>
      <li style="display: none;"><div>Eight</div></li>
      <li style="display: none;"><div>Nine</div></li>
      <li style="display: none;"><div>Ten</div></li>
      <li style="display: none;"><div>Eleven</div></li>
      <li style="display: none;"><div>Twelve</div></li>
      <li style="display: none;"><div>Thirteen</div></li>
      <li style="display: none;"><div>Fourteen</div></li>
      <li style="display: none;"><div>Fifteen</div></li>
      <li style="display: none;"><div>Sixteen</div></li>
      <li style="display: none;"><div>Seventeen</div></li>
      <li style="display: none;"><div>Eighteen</div></li>
      <li style="display: none;"><div>Nineteen</div></li>
      <li style="display: none;"><div>Twenty</div></li>
      <li style="display: none;"><div>Twenty-one</div></li>
      <li style="display: none;"><div>Twenty-two</div></li>
      <li style="display: none;"><div>Twenty-three</div></li>
      <li style="display: none;"><div>Twenty-four</div></li>
      <li style="display: none;"><div>Twenty-five</div></li>
      <li style="display: none;"><div>Twenty-six</div></li>
      <li style="display: none;"><div>Twenty-seven</div></li>
      <li style="display: none;"><div>Twenty-eight</div></li>
      <li style="display: none;"><div>Twenty-nine</div></li>
      <li style="display: none;"><div>Thirty</div></li>
      <li style="display: none;"><div>Thirty-one</div></li>
      <li style="display: none;"><div>Thirty-two</div></li>
      <li style="display: none;"><div>Thirty-three</div></li>
      <li style="display: none;"><div>Thirty-four</div></li>
      <li style="display: none;"><div>Thirty-five</div></li>
      <li style="display: none;"><div>Thirty-six</div></li>
      <li style="display: none;"><div>Thirty-seven</div></li>
      <li style="display: none;"><div>Thirty-eight</div></li>
      <li style="display: none;"><div>Thirty-nine</div></li>
      <li style="display: none;"><div>Forty</div></li>
      <li style="display: none;"><div>Forty-one</div></li>
      <li style="display: none;"><div>Forty-two</div></li>
      <li style="display: none;"><div>Forty-three</div></li>
      <li style="display: none;"><div>Forty-four</div></li>
      <li style="display: none;"><div>Forty-five</div></li>
      <li style="display: none;"><div>Forty-six</div></li>
      <li style="display: none;"><div>Forty-seven</div></li>
      <li style="display: none;"><div>Forty-eight</div></li>
      <li style="display: none;"><div>Forty-nine</div></li>
      <li style="display: none;"><div>Fifty</div></li>
      <li style="display: none;"><div>Fifty-one</div></li>
      <li style="display: none;"><div>Fifty-two</div></li>
      <li style="display: none;"><div>Fifty-three</div></li>
      <li style="display: none;"><div>Fifty-four</div></li>
      <li style="display: none;"><div>Fifty-five</div></li>
      <li style="display: none;"><div>Fifty-six</div></li>
      <li style="display: none;"><div>Fifty-seven</div></li>
      <li style="display: none;"><div>Fifty-eight</div></li>
      <li style="display: none;"><div>Fifty-nine</div></li>
      <li style="display: none;"><div>Sixty</div></li>
      <li style="display: none;"><div>Sixty-one</div></li>
      <li style="display: none;"><div>Sixty-two</div></li>
      <li style="display: none;"><div>Sixty-three</div></li>
      <li style="display: none;"><div>Sixty-four</div></li>
      <li style="display: none;"><div>Sixty-five</div></li>
      <li style="display: none;"><div>Sixty-six</div></li>
      <li style="display: none;"><div>Sixty-seven</div></li>
      <li style="display: none;"><div>Sixty-eight</div></li>
      <li style="display: none;"><div>Sixty-nine</div></li>
      <li style="display: none;"><div>Seventy</div></li>
      <li style="display: none;"><div>Seventy-one</div></li>
      <li style="display: none;"><div>Seventy-two</div></li>
      <li style="display: none;"><div>Seventy-three</div></li>
      <li style="display: none;"><div>Seventy-four</div></li>
      <li style="display: none;"><div>Seventy-five</div></li>
      <li style="display: none;"><div>Seventy-six</div></li>
      <li style="display: none;"><div>Seventy-seven</div></li>
      <li style="display: none;"><div>Seventy-eight</div></li>
      <li style="display: none;"><div>Seventy-nine</div></li>
      <li style="display: none;"><div>Eighty</div></li>
      <li style="display: none;"><div>Eighty-one</div></li>
      <li style="display: none;"><div>Eighty-two</div></li>
      <li style="display: none;"><div>Eighty-three</div></li>
      <li style="display: none;"><div>Eighty-four</div></li>
      <li style="display: none;"><div>Eighty-five</div></li>
      <li style="display: none;"><div>Eighty-six</div></li>
      <li style="display: none;"><div>Eighty-seven</div></li>
      <li style="display: none;"><div>Eighty-eight</div></li>
      <li style="display: none;"><div>Eighty-nine</div></li>
      <li style="display: none;"><div>Ninety</div></li>
      <li style="display: none;"><div>Ninety-one</div></li>
      <li style="display: none;"><div>Ninety-two</div></li>
      <li style="display: none;"><div>Ninety-three</div></li>
      <li style="display: none;"><div>Ninety-four</div></li>
      <li style="display: none;"><div>Ninety-five</div></li>
      <li style="display: none;"><div>Ninety-six</div></li>
      <li style="display: none;"><div>Ninety-seven</div></li>
      <li style="display: none;"><div>Ninety-eight</div></li>
      <li style="display: none;"><div>Ninety-nine</div></li>
      <li style="display: none;"><div>One hundred</div></li>
      <li style="display: none;"><div>One hundred one</div></li>
      <li style="display: none;"><div>One hundred two</div></li>
      <li style="display: none;"><div>One hundred three</div></li>
      <li style="display: none;"><div>One hundred four</div></li>
      <li style="display: none;"><div>One hundred five</div></li>
      <li style="display: none;"><div>One hundred six</div></li>
      <li style="display: none;"><div>One hundred seven</div></li>
      <li style="display: none;"><div>One hundred eight</div></li>
      <li style="display: none;"><div>One hundred nine</div></li>
      <li style="display: none;"><div>One hundred ten</div></li>
      <li style="display: none;"><div>One hundred eleven</div></li>
      <li style="display: none;"><div>One hundred twelve</div></li>
      <li style="display: none;"><div>One hundred thirteen</div></li>
      <li style="display: none;"><div>One hundred fourteen</div></li>
      <li style="display: none;"><div>One hundred fifteen</div></li>
      <li style="display: none;"><div>One hundred sixteen</div></li>
      <li style="display: none;"><div>One hundred seventeen</div></li>
      <li style="display: none;"><div>One hundred eighteen</div></li>
      <li style="display: none;"><div>One hundred nineteen</div></li>
      <li style="display: none;"><div>One hundred twenty</div></li>
      <li style="display: none;"><div>One hundred twenty-one</div></li>
      <li style="display: none;"><div>One hundred twenty-two</div></li>
      <li style="display: none;"><div>One hundred twenty-three</div></li>
      <li style="display: none;"><div>One hundred twenty-four</div></li>
      <li style="display: none;"><div>One hundred twenty-five</div></li>
      <li style="display: none;"><div>One hundred twenty-six</div></li>
      <li style="display: none;"><div>One hundred twenty-seven</div></li>
      <li style="display: none;"><div>One hundred twenty-eight</div></li>
      <li style="display: none;"><div>One hundred twenty-nine</div></li>
      <li style="display: none;"><div>One hundred thirty</div></li>
      <li style="display: none;"><div>One hundred thirty-one</div></li>
      <li style="display: none;"><div>One hundred thirty-two</div></li>
      <li style="display: none;"><div>One hundred thirty-three</div></li>
      <li style="display: none;"><div>One hundred thirty-four</div></li>
      <li style="display: none;"><div>One hundred thirty-five</div></li>
      <li style="display: none;"><div>One hundred thirty-six</div></li>
      <li style="display: none;"><div>One hundred thirty-seven</div></li>
      <li style="display: none;"><div>One hundred thirty-eight</div></li>
      <li style="display: none;"><div>One hundred thirty-nine</div></li>
      <li style="display: none;"><div>One hundred forty</div></li>
      <li style="display: none;"><div>One hundred forty-one</div></li>
      <li style="display: none;"><div>One hundred forty-two</div></li>
      <li style="display: none;"><div>One hundred forty-three</div></li>
      <li style="display: none;"><div>One hundred forty-four</div></li>
      <li style="display: none;"><div>One hundred forty-five</div></li>
      <li style="display: none;"><div>One hundred forty-six</div></li>
      <li style="display: none;"><div>One hundred forty-seven</div></li>
      <li style="display: none;"><div>One hundred forty-eight</div></li>
      <li style="display: none;"><div>One hundred forty-nine</div></li>
      <li style="display: none;"><div>One hundred fifty</div></li>
      <li style="display: none;"><div>One hundred fifty-one</div></li>
      <li style="display: none;"><div>One hundred fifty-two</div></li>
      <li style="display: none;"><div>One hundred fifty-three</div></li>
      <li style="display: none;"><div>One hundred fifty-four</div></li>
      <li style="display: none;"><div>One hundred fifty-five</div></li>
      <li style="display: none;"><div>One hundred fifty-six</div></li>
      <li style="display: none;"><div>One hundred fifty-seven</div></li>
      <li style="display: none;"><div>One hundred fifty-eight</div></li>
      <li style="display: none;"><div>One hundred fifty-nine</div></li>
      <li style="display: none;"><div>One hundred sixty</div></li>
      <li style="display: none;"><div>One hundred sixty-one</div></li>
      <li style="display: none;"><div>One hundred sixty-two</div></li>
      <li style="display: none;"><div>One hundred sixty-three</div></li>
      <li style="display: none;"><div>One hundred sixty-four</div></li>
      <li style="display: none;"><div>One hundred sixty-five</div></li>
      <li style="display: none;"><div>One hundred sixty-six</div></li>
      <li style="display: none;"><div>One hundred sixty-seven</div></li>
      <li style="display: none;"><div>One hundred sixty-eight</div></li>
      <li style="display: none;"><div>One hundred sixty-nine</div></li>
      <li style="display: none;"><div>One hundred seventy</div></li>
      <li style="display: none;"><div>One hundred seventy-one</div></li>
      <li style="display: none;"><div>One hundred seventy-two</div></li>
      <li style="display: none;"><div>One hundred seventy-three</div></li>
      <li style="display: none;"><div>One hundred seventy-four</div></li>
      <li style="display: none;"><div>One hundred seventy-five</div></li>
      <li style="display: none;"><div>One hundred seventy-six</div></li>
      <li style="display: none;"><div>One hundred seventy-seven</div></li>
      <li style="display: none;"><div>One hundred seventy-eight</div></li>
      <li style="display: none;"><div>One hundred seventy-nine</div></li>
      <li style="display: none;"><div>One hundred eighty</div></li>
      <li style="display: none;"><div>One hundred eighty-one</div></li>
      <li style="display: none;"><div>One hundred eighty-two</div></li>
      <li style="display: none;"><div>One hundred eighty-three</div></li>
      <li style="display: none;"><div>One hundred eighty-four</div></li>
      <li style="display: none;"><div>One hundred eighty-five</div></li>
      <li style="display: none;"><div>One hundred eighty-six</div></li>
      <li style="display: none;"><div>One hundred eighty-seven</div></li>
      <li style="display: none;"><div>One hundred eighty-eight</div></li>
      <li style="display: none;"><div>One hundred eighty-nine</div></li>
      <li style="display: none;"><div>One hundred ninety</div></li>
      <li style="display: none;"><div>One hundred ninety-one</div></li>
      <li style="display: none;"><div>One hundred ninety-two</div></li>
      <li style="display: none;"><div>One hundred ninety-three</div></li>
      <li style="display: none;"><div>One hundred ninety-four</div></li>
      <li style="display: none;"><div>One hundred ninety-five</div></li>
      <li style="display: none;"><div>One hundred ninety-six</div></li>
      <li style="display: none;"><div>One hundred ninety-seven</div></li>
      <li style="display: none;"><div>One hundred ninety-eight</div></li>
      <li style="display: none;"><div>One hundred ninety-nine</div></li>
      <li style="display: none;"><div>Two hundred</div></li>
      </ul>
   <div class="my-navigation">
      <div class="simple-pagination-first"><a href="#" class="simple-pagination-navigation-first simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">First</a></div>
      <div class="simple-pagination-previous"><a href="#" class="simple-pagination-navigation-previous simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">Previous</a></div>
      <div class="simple-pagination-page-numbers"><a href="#" class="simple-pagination-navigation-page simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">1</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="2">2</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="3">3</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="4">4</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="5">5</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="6">6</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="7">7</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="8">8</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="9">9</a></div>
      <div class="simple-pagination-next"><a href="#" class="simple-pagination-navigation-next" data-simple-pagination-page-number="2">Next</a></div>
      <div class="simple-pagination-last"><a href="#" class="simple-pagination-navigation-last" data-simple-pagination-page-number="40">Last</a></div>
   </div>
</div>
<header>
   <h3>Example: Duplicate controls</h3>
   <h4>$('#third-container').simplePagination();</h4>
   <h5>Yup, that is right! No parameters need to be passed!</h5>
   <h5>Within your pagination container (e.g. #container) simply duplicate the container(s) with the class(es) of the components you desire multiples of (e.g. .simple-pagination-page-numbers)!</h5>
</header>
<div id="third-container">
   <div class="my-navigation">
      <div class="simple-pagination-first"><a href="#" class="simple-pagination-navigation-first simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">First</a></div>
      <div class="simple-pagination-previous"><a href="#" class="simple-pagination-navigation-previous simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">Previous</a></div>
      <div class="simple-pagination-page-numbers"><a href="#" class="simple-pagination-navigation-page simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">1</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="2">2</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="3">3</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="4">4</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="5">5</a></div>
      <div class="simple-pagination-next"><a href="#" class="simple-pagination-navigation-next" data-simple-pagination-page-number="2">Next</a></div>
      <div class="simple-pagination-last"><a href="#" class="simple-pagination-navigation-last" data-simple-pagination-page-number="20">Last</a></div>
   </div>
   <table>
      <ul>
      <!--http://www.marijn.org/everything-is-4/counting-0-to-100/english/-->
      <li style="display: table-row;"><div>One</div></li>
      <li style="display: table-row;"><div>Two</div></li>
      <li style="display: table-row;"><div>Three</div></li>
      <li style="display: table-row;"><div>Four</div></li>
      <li style="display: table-row;"><div>Five</div></li>
      <li style="display: table-row;"><div>Six</div></li>
      <li style="display: table-row;"><div>Seven</div></li>
      <li style="display: table-row;"><div>Eight</div></li>
      <li style="display: table-row;"><div>Nine</div></li>
      <li style="display: table-row;"><div>Ten</div></li>
      <li style="display: none;"><div>Eleven</div></li>
      <li style="display: none;"><div>Twelve</div></li>
      <li style="display: none;"><div>Thirteen</div></li>
      <li style="display: none;"><div>Fourteen</div></li>
      <li style="display: none;"><div>Fifteen</div></li>
      <li style="display: none;"><div>Sixteen</div></li>
      <li style="display: none;"><div>Seventeen</div></li>
      <li style="display: none;"><div>Eighteen</div></li>
      <li style="display: none;"><div>Nineteen</div></li>
      <li style="display: none;"><div>Twenty</div></li>
      <li style="display: none;"><div>Twenty-one</div></li>
      <li style="display: none;"><div>Twenty-two</div></li>
      <li style="display: none;"><div>Twenty-three</div></li>
      <li style="display: none;"><div>Twenty-four</div></li>
      <li style="display: none;"><div>Twenty-five</div></li>
      <li style="display: none;"><div>Twenty-six</div></li>
      <li style="display: none;"><div>Twenty-seven</div></li>
      <li style="display: none;"><div>Twenty-eight</div></li>
      <li style="display: none;"><div>Twenty-nine</div></li>
      <li style="display: none;"><div>Thirty</div></li>
      <li style="display: none;"><div>Thirty-one</div></li>
      <li style="display: none;"><div>Thirty-two</div></li>
      <li style="display: none;"><div>Thirty-three</div></li>
      <li style="display: none;"><div>Thirty-four</div></li>
      <li style="display: none;"><div>Thirty-five</div></li>
      <li style="display: none;"><div>Thirty-six</div></li>
      <li style="display: none;"><div>Thirty-seven</div></li>
      <li style="display: none;"><div>Thirty-eight</div></li>
      <li style="display: none;"><div>Thirty-nine</div></li>
      <li style="display: none;"><div>Forty</div></li>
      <li style="display: none;"><div>Forty-one</div></li>
      <li style="display: none;"><div>Forty-two</div></li>
      <li style="display: none;"><div>Forty-three</div></li>
      <li style="display: none;"><div>Forty-four</div></li>
      <li style="display: none;"><div>Forty-five</div></li>
      <li style="display: none;"><div>Forty-six</div></li>
      <li style="display: none;"><div>Forty-seven</div></li>
      <li style="display: none;"><div>Forty-eight</div></li>
      <li style="display: none;"><div>Forty-nine</div></li>
      <li style="display: none;"><div>Fifty</div></li>
      <li style="display: none;"><div>Fifty-one</div></li>
      <li style="display: none;"><div>Fifty-two</div></li>
      <li style="display: none;"><div>Fifty-three</div></li>
      <li style="display: none;"><div>Fifty-four</div></li>
      <li style="display: none;"><div>Fifty-five</div></li>
      <li style="display: none;"><div>Fifty-six</div></li>
      <li style="display: none;"><div>Fifty-seven</div></li>
      <li style="display: none;"><div>Fifty-eight</div></li>
      <li style="display: none;"><div>Fifty-nine</div></li>
      <li style="display: none;"><div>Sixty</div></li>
      <li style="display: none;"><div>Sixty-one</div></li>
      <li style="display: none;"><div>Sixty-two</div></li>
      <li style="display: none;"><div>Sixty-three</div></li>
      <li style="display: none;"><div>Sixty-four</div></li>
      <li style="display: none;"><div>Sixty-five</div></li>
      <li style="display: none;"><div>Sixty-six</div></li>
      <li style="display: none;"><div>Sixty-seven</div></li>
      <li style="display: none;"><div>Sixty-eight</div></li>
      <li style="display: none;"><div>Sixty-nine</div></li>
      <li style="display: none;"><div>Seventy</div></li>
      <li style="display: none;"><div>Seventy-one</div></li>
      <li style="display: none;"><div>Seventy-two</div></li>
      <li style="display: none;"><div>Seventy-three</div></li>
      <li style="display: none;"><div>Seventy-four</div></li>
      <li style="display: none;"><div>Seventy-five</div></li>
      <li style="display: none;"><div>Seventy-six</div></li>
      <li style="display: none;"><div>Seventy-seven</div></li>
      <li style="display: none;"><div>Seventy-eight</div></li>
      <li style="display: none;"><div>Seventy-nine</div></li>
      <li style="display: none;"><div>Eighty</div></li>
      <li style="display: none;"><div>Eighty-one</div></li>
      <li style="display: none;"><div>Eighty-two</div></li>
      <li style="display: none;"><div>Eighty-three</div></li>
      <li style="display: none;"><div>Eighty-four</div></li>
      <li style="display: none;"><div>Eighty-five</div></li>
      <li style="display: none;"><div>Eighty-six</div></li>
      <li style="display: none;"><div>Eighty-seven</div></li>
      <li style="display: none;"><div>Eighty-eight</div></li>
      <li style="display: none;"><div>Eighty-nine</div></li>
      <li style="display: none;"><div>Ninety</div></li>
      <li style="display: none;"><div>Ninety-one</div></li>
      <li style="display: none;"><div>Ninety-two</div></li>
      <li style="display: none;"><div>Ninety-three</div></li>
      <li style="display: none;"><div>Ninety-four</div></li>
      <li style="display: none;"><div>Ninety-five</div></li>
      <li style="display: none;"><div>Ninety-six</div></li>
      <li style="display: none;"><div>Ninety-seven</div></li>
      <li style="display: none;"><div>Ninety-eight</div></li>
      <li style="display: none;"><div>Ninety-nine</div></li>
      <li style="display: none;"><div>One hundred</div></li>
      <li style="display: none;"><div>One hundred one</div></li>
      <li style="display: none;"><div>One hundred two</div></li>
      <li style="display: none;"><div>One hundred three</div></li>
      <li style="display: none;"><div>One hundred four</div></li>
      <li style="display: none;"><div>One hundred five</div></li>
      <li style="display: none;"><div>One hundred six</div></li>
      <li style="display: none;"><div>One hundred seven</div></li>
      <li style="display: none;"><div>One hundred eight</div></li>
      <li style="display: none;"><div>One hundred nine</div></li>
      <li style="display: none;"><div>One hundred ten</div></li>
      <li style="display: none;"><div>One hundred eleven</div></li>
      <li style="display: none;"><div>One hundred twelve</div></li>
      <li style="display: none;"><div>One hundred thirteen</div></li>
      <li style="display: none;"><div>One hundred fourteen</div></li>
      <li style="display: none;"><div>One hundred fifteen</div></li>
      <li style="display: none;"><div>One hundred sixteen</div></li>
      <li style="display: none;"><div>One hundred seventeen</div></li>
      <li style="display: none;"><div>One hundred eighteen</div></li>
      <li style="display: none;"><div>One hundred nineteen</div></li>
      <li style="display: none;"><div>One hundred twenty</div></li>
      <li style="display: none;"><div>One hundred twenty-one</div></li>
      <li style="display: none;"><div>One hundred twenty-two</div></li>
      <li style="display: none;"><div>One hundred twenty-three</div></li>
      <li style="display: none;"><div>One hundred twenty-four</div></li>
      <li style="display: none;"><div>One hundred twenty-five</div></li>
      <li style="display: none;"><div>One hundred twenty-six</div></li>
      <li style="display: none;"><div>One hundred twenty-seven</div></li>
      <li style="display: none;"><div>One hundred twenty-eight</div></li>
      <li style="display: none;"><div>One hundred twenty-nine</div></li>
      <li style="display: none;"><div>One hundred thirty</div></li>
      <li style="display: none;"><div>One hundred thirty-one</div></li>
      <li style="display: none;"><div>One hundred thirty-two</div></li>
      <li style="display: none;"><div>One hundred thirty-three</div></li>
      <li style="display: none;"><div>One hundred thirty-four</div></li>
      <li style="display: none;"><div>One hundred thirty-five</div></li>
      <li style="display: none;"><div>One hundred thirty-six</div></li>
      <li style="display: none;"><div>One hundred thirty-seven</div></li>
      <li style="display: none;"><div>One hundred thirty-eight</div></li>
      <li style="display: none;"><div>One hundred thirty-nine</div></li>
      <li style="display: none;"><div>One hundred forty</div></li>
      <li style="display: none;"><div>One hundred forty-one</div></li>
      <li style="display: none;"><div>One hundred forty-two</div></li>
      <li style="display: none;"><div>One hundred forty-three</div></li>
      <li style="display: none;"><div>One hundred forty-four</div></li>
      <li style="display: none;"><div>One hundred forty-five</div></li>
      <li style="display: none;"><div>One hundred forty-six</div></li>
      <li style="display: none;"><div>One hundred forty-seven</div></li>
      <li style="display: none;"><div>One hundred forty-eight</div></li>
      <li style="display: none;"><div>One hundred forty-nine</div></li>
      <li style="display: none;"><div>One hundred fifty</div></li>
      <li style="display: none;"><div>One hundred fifty-one</div></li>
      <li style="display: none;"><div>One hundred fifty-two</div></li>
      <li style="display: none;"><div>One hundred fifty-three</div></li>
      <li style="display: none;"><div>One hundred fifty-four</div></li>
      <li style="display: none;"><div>One hundred fifty-five</div></li>
      <li style="display: none;"><div>One hundred fifty-six</div></li>
      <li style="display: none;"><div>One hundred fifty-seven</div></li>
      <li style="display: none;"><div>One hundred fifty-eight</div></li>
      <li style="display: none;"><div>One hundred fifty-nine</div></li>
      <li style="display: none;"><div>One hundred sixty</div></li>
      <li style="display: none;"><div>One hundred sixty-one</div></li>
      <li style="display: none;"><div>One hundred sixty-two</div></li>
      <li style="display: none;"><div>One hundred sixty-three</div></li>
      <li style="display: none;"><div>One hundred sixty-four</div></li>
      <li style="display: none;"><div>One hundred sixty-five</div></li>
      <li style="display: none;"><div>One hundred sixty-six</div></li>
      <li style="display: none;"><div>One hundred sixty-seven</div></li>
      <li style="display: none;"><div>One hundred sixty-eight</div></li>
      <li style="display: none;"><div>One hundred sixty-nine</div></li>
      <li style="display: none;"><div>One hundred seventy</div></li>
      <li style="display: none;"><div>One hundred seventy-one</div></li>
      <li style="display: none;"><div>One hundred seventy-two</div></li>
      <li style="display: none;"><div>One hundred seventy-three</div></li>
      <li style="display: none;"><div>One hundred seventy-four</div></li>
      <li style="display: none;"><div>One hundred seventy-five</div></li>
      <li style="display: none;"><div>One hundred seventy-six</div></li>
      <li style="display: none;"><div>One hundred seventy-seven</div></li>
      <li style="display: none;"><div>One hundred seventy-eight</div></li>
      <li style="display: none;"><div>One hundred seventy-nine</div></li>
      <li style="display: none;"><div>One hundred eighty</div></li>
      <li style="display: none;"><div>One hundred eighty-one</div></li>
      <li style="display: none;"><div>One hundred eighty-two</div></li>
      <li style="display: none;"><div>One hundred eighty-three</div></li>
      <li style="display: none;"><div>One hundred eighty-four</div></li>
      <li style="display: none;"><div>One hundred eighty-five</div></li>
      <li style="display: none;"><div>One hundred eighty-six</div></li>
      <li style="display: none;"><div>One hundred eighty-seven</div></li>
      <li style="display: none;"><div>One hundred eighty-eight</div></li>
      <li style="display: none;"><div>One hundred eighty-nine</div></li>
      <li style="display: none;"><div>One hundred ninety</div></li>
      <li style="display: none;"><div>One hundred ninety-one</div></li>
      <li style="display: none;"><div>One hundred ninety-two</div></li>
      <li style="display: none;"><div>One hundred ninety-three</div></li>
      <li style="display: none;"><div>One hundred ninety-four</div></li>
      <li style="display: none;"><div>One hundred ninety-five</div></li>
      <li style="display: none;"><div>One hundred ninety-six</div></li>
      <li style="display: none;"><div>One hundred ninety-seven</div></li>
      <li style="display: none;"><div>One hundred ninety-eight</div></li>
      <li style="display: none;"><div>One hundred ninety-nine</div></li>
      <li style="display: none;"><div>Two hundred</div></li>
      </ul>
   </table>
   <div class="my-navigation">
      <div class="simple-pagination-first"><a href="#" class="simple-pagination-navigation-first simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">First</a></div>
      <div class="simple-pagination-previous"><a href="#" class="simple-pagination-navigation-previous simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">Previous</a></div>
      <div class="simple-pagination-page-numbers"><a href="#" class="simple-pagination-navigation-page simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">1</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="2">2</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="3">3</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="4">4</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="5">5</a></div>
      <div class="simple-pagination-next"><a href="#" class="simple-pagination-navigation-next" data-simple-pagination-page-number="2">Next</a></div>
      <div class="simple-pagination-last"><a href="#" class="simple-pagination-navigation-last" data-simple-pagination-page-number="20">Last</a></div>
   </div>
   <div class="simple-pagination-page-x-of-x">Page 1 of 20</div>
   <div class="simple-pagination-showing-x-of-x">Showing 1-10 of 200</div>
   <div>
      Display <select class="simple-pagination-items-per-page"><option value="5">Five</option>
      <option value="10" selected="">Ten</option>
      <option value="25">Twenty-five</option>
      <option value="50">Fifty</option>
      <option value="100">One hundred</option>
   </select> items per page.
   </div>
   <div>
      Go directly to page <select class="simple-pagination-select-specific-page"><option value="1" selected="">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
      <option value="11">11</option>
      <option value="12">12</option>
      <option value="13">13</option>
      <option value="14">14</option>
      <option value="15">15</option>
      <option value="16">16</option>
      <option value="17">17</option>
      <option value="18">18</option>
      <option value="19">19</option>
      <option value="20">20</option>
   </select>.
   </div>
</div>
<header>
   <h3>Example: Custom page navigation text</h3>
   <h4>$('#fourth-container').simplePagination({<br>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;first_content: '&lt;&lt;',<br>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;previous_content: '&lt;',<br>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next_content: '&gt;',<br>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;last_content: '&gt;&gt;'<br>
      });</h4>
   <h5>Character entities can be passed (e.g. &amp;lt;)</h5>
</header>
<div id="fourth-container">
   <table>
      <ul>
      <!--http://www.marijn.org/everything-is-4/counting-0-to-100/english/-->
      <li style="display: table-row;"><div>One</div></li>
      <li style="display: table-row;"><div>Two</div></li>
      <li style="display: table-row;"><div>Three</div></li>
      <li style="display: table-row;"><div>Four</div></li>
      <li style="display: table-row;"><div>Five</div></li>
      <li style="display: table-row;"><div>Six</div></li>
      <li style="display: table-row;"><div>Seven</div></li>
      <li style="display: table-row;"><div>Eight</div></li>
      <li style="display: table-row;"><div>Nine</div></li>
      <li style="display: table-row;"><div>Ten</div></li>
      <li style="display: table-row;"><div>Eleven</div></li>
      <li style="display: table-row;"><div>Twelve</div></li>
      <li style="display: table-row;"><div>Thirteen</div></li>
      <li style="display: table-row;"><div>Fourteen</div></li>
      <li style="display: table-row;"><div>Fifteen</div></li>
      <li style="display: table-row;"><div>Sixteen</div></li>
      <li style="display: table-row;"><div>Seventeen</div></li>
      <li style="display: table-row;"><div>Eighteen</div></li>
      <li style="display: table-row;"><div>Nineteen</div></li>
      <li style="display: table-row;"><div>Twenty</div></li>
      <li style="display: table-row;"><div>Twenty-one</div></li>
      <li style="display: table-row;"><div>Twenty-two</div></li>
      <li style="display: table-row;"><div>Twenty-three</div></li>
      <li style="display: table-row;"><div>Twenty-four</div></li>
      <li style="display: table-row;"><div>Twenty-five</div></li>
      <li style="display: none;"><div>Twenty-six</div></li>
      <li style="display: none;"><div>Twenty-seven</div></li>
      <li style="display: none;"><div>Twenty-eight</div></li>
      <li style="display: none;"><div>Twenty-nine</div></li>
      <li style="display: none;"><div>Thirty</div></li>
      <li style="display: none;"><div>Thirty-one</div></li>
      <li style="display: none;"><div>Thirty-two</div></li>
      <li style="display: none;"><div>Thirty-three</div></li>
      <li style="display: none;"><div>Thirty-four</div></li>
      <li style="display: none;"><div>Thirty-five</div></li>
      <li style="display: none;"><div>Thirty-six</div></li>
      <li style="display: none;"><div>Thirty-seven</div></li>
      <li style="display: none;"><div>Thirty-eight</div></li>
      <li style="display: none;"><div>Thirty-nine</div></li>
      <li style="display: none;"><div>Forty</div></li>
      <li style="display: none;"><div>Forty-one</div></li>
      <li style="display: none;"><div>Forty-two</div></li>
      <li style="display: none;"><div>Forty-three</div></li>
      <li style="display: none;"><div>Forty-four</div></li>
      <li style="display: none;"><div>Forty-five</div></li>
      <li style="display: none;"><div>Forty-six</div></li>
      <li style="display: none;"><div>Forty-seven</div></li>
      <li style="display: none;"><div>Forty-eight</div></li>
      <li style="display: none;"><div>Forty-nine</div></li>
      <li style="display: none;"><div>Fifty</div></li>
      <li style="display: none;"><div>Fifty-one</div></li>
      <li style="display: none;"><div>Fifty-two</div></li>
      <li style="display: none;"><div>Fifty-three</div></li>
      <li style="display: none;"><div>Fifty-four</div></li>
      <li style="display: none;"><div>Fifty-five</div></li>
      <li style="display: none;"><div>Fifty-six</div></li>
      <li style="display: none;"><div>Fifty-seven</div></li>
      <li style="display: none;"><div>Fifty-eight</div></li>
      <li style="display: none;"><div>Fifty-nine</div></li>
      <li style="display: none;"><div>Sixty</div></li>
      <li style="display: none;"><div>Sixty-one</div></li>
      <li style="display: none;"><div>Sixty-two</div></li>
      <li style="display: none;"><div>Sixty-three</div></li>
      <li style="display: none;"><div>Sixty-four</div></li>
      <li style="display: none;"><div>Sixty-five</div></li>
      <li style="display: none;"><div>Sixty-six</div></li>
      <li style="display: none;"><div>Sixty-seven</div></li>
      <li style="display: none;"><div>Sixty-eight</div></li>
      <li style="display: none;"><div>Sixty-nine</div></li>
      <li style="display: none;"><div>Seventy</div></li>
      <li style="display: none;"><div>Seventy-one</div></li>
      <li style="display: none;"><div>Seventy-two</div></li>
      <li style="display: none;"><div>Seventy-three</div></li>
      <li style="display: none;"><div>Seventy-four</div></li>
      <li style="display: none;"><div>Seventy-five</div></li>
      <li style="display: none;"><div>Seventy-six</div></li>
      <li style="display: none;"><div>Seventy-seven</div></li>
      <li style="display: none;"><div>Seventy-eight</div></li>
      <li style="display: none;"><div>Seventy-nine</div></li>
      <li style="display: none;"><div>Eighty</div></li>
      <li style="display: none;"><div>Eighty-one</div></li>
      <li style="display: none;"><div>Eighty-two</div></li>
      <li style="display: none;"><div>Eighty-three</div></li>
      <li style="display: none;"><div>Eighty-four</div></li>
      <li style="display: none;"><div>Eighty-five</div></li>
      <li style="display: none;"><div>Eighty-six</div></li>
      <li style="display: none;"><div>Eighty-seven</div></li>
      <li style="display: none;"><div>Eighty-eight</div></li>
      <li style="display: none;"><div>Eighty-nine</div></li>
      <li style="display: none;"><div>Ninety</div></li>
      <li style="display: none;"><div>Ninety-one</div></li>
      <li style="display: none;"><div>Ninety-two</div></li>
      <li style="display: none;"><div>Ninety-three</div></li>
      <li style="display: none;"><div>Ninety-four</div></li>
      <li style="display: none;"><div>Ninety-five</div></li>
      <li style="display: none;"><div>Ninety-six</div></li>
      <li style="display: none;"><div>Ninety-seven</div></li>
      <li style="display: none;"><div>Ninety-eight</div></li>
      <li style="display: none;"><div>Ninety-nine</div></li>
      <li style="display: none;"><div>One hundred</div></li>
      <li style="display: none;"><div>One hundred one</div></li>
      <li style="display: none;"><div>One hundred two</div></li>
      <li style="display: none;"><div>One hundred three</div></li>
      <li style="display: none;"><div>One hundred four</div></li>
      <li style="display: none;"><div>One hundred five</div></li>
      <li style="display: none;"><div>One hundred six</div></li>
      <li style="display: none;"><div>One hundred seven</div></li>
      <li style="display: none;"><div>One hundred eight</div></li>
      <li style="display: none;"><div>One hundred nine</div></li>
      <li style="display: none;"><div>One hundred ten</div></li>
      <li style="display: none;"><div>One hundred eleven</div></li>
      <li style="display: none;"><div>One hundred twelve</div></li>
      <li style="display: none;"><div>One hundred thirteen</div></li>
      <li style="display: none;"><div>One hundred fourteen</div></li>
      <li style="display: none;"><div>One hundred fifteen</div></li>
      <li style="display: none;"><div>One hundred sixteen</div></li>
      <li style="display: none;"><div>One hundred seventeen</div></li>
      <li style="display: none;"><div>One hundred eighteen</div></li>
      <li style="display: none;"><div>One hundred nineteen</div></li>
      <li style="display: none;"><div>One hundred twenty</div></li>
      <li style="display: none;"><div>One hundred twenty-one</div></li>
      <li style="display: none;"><div>One hundred twenty-two</div></li>
      <li style="display: none;"><div>One hundred twenty-three</div></li>
      <li style="display: none;"><div>One hundred twenty-four</div></li>
      <li style="display: none;"><div>One hundred twenty-five</div></li>
      <li style="display: none;"><div>One hundred twenty-six</div></li>
      <li style="display: none;"><div>One hundred twenty-seven</div></li>
      <li style="display: none;"><div>One hundred twenty-eight</div></li>
      <li style="display: none;"><div>One hundred twenty-nine</div></li>
      <li style="display: none;"><div>One hundred thirty</div></li>
      <li style="display: none;"><div>One hundred thirty-one</div></li>
      <li style="display: none;"><div>One hundred thirty-two</div></li>
      <li style="display: none;"><div>One hundred thirty-three</div></li>
      <li style="display: none;"><div>One hundred thirty-four</div></li>
      <li style="display: none;"><div>One hundred thirty-five</div></li>
      <li style="display: none;"><div>One hundred thirty-six</div></li>
      <li style="display: none;"><div>One hundred thirty-seven</div></li>
      <li style="display: none;"><div>One hundred thirty-eight</div></li>
      <li style="display: none;"><div>One hundred thirty-nine</div></li>
      <li style="display: none;"><div>One hundred forty</div></li>
      <li style="display: none;"><div>One hundred forty-one</div></li>
      <li style="display: none;"><div>One hundred forty-two</div></li>
      <li style="display: none;"><div>One hundred forty-three</div></li>
      <li style="display: none;"><div>One hundred forty-four</div></li>
      <li style="display: none;"><div>One hundred forty-five</div></li>
      <li style="display: none;"><div>One hundred forty-six</div></li>
      <li style="display: none;"><div>One hundred forty-seven</div></li>
      <li style="display: none;"><div>One hundred forty-eight</div></li>
      <li style="display: none;"><div>One hundred forty-nine</div></li>
      <li style="display: none;"><div>One hundred fifty</div></li>
      <li style="display: none;"><div>One hundred fifty-one</div></li>
      <li style="display: none;"><div>One hundred fifty-two</div></li>
      <li style="display: none;"><div>One hundred fifty-three</div></li>
      <li style="display: none;"><div>One hundred fifty-four</div></li>
      <li style="display: none;"><div>One hundred fifty-five</div></li>
      <li style="display: none;"><div>One hundred fifty-six</div></li>
      <li style="display: none;"><div>One hundred fifty-seven</div></li>
      <li style="display: none;"><div>One hundred fifty-eight</div></li>
      <li style="display: none;"><div>One hundred fifty-nine</div></li>
      <li style="display: none;"><div>One hundred sixty</div></li>
      <li style="display: none;"><div>One hundred sixty-one</div></li>
      <li style="display: none;"><div>One hundred sixty-two</div></li>
      <li style="display: none;"><div>One hundred sixty-three</div></li>
      <li style="display: none;"><div>One hundred sixty-four</div></li>
      <li style="display: none;"><div>One hundred sixty-five</div></li>
      <li style="display: none;"><div>One hundred sixty-six</div></li>
      <li style="display: none;"><div>One hundred sixty-seven</div></li>
      <li style="display: none;"><div>One hundred sixty-eight</div></li>
      <li style="display: none;"><div>One hundred sixty-nine</div></li>
      <li style="display: none;"><div>One hundred seventy</div></li>
      <li style="display: none;"><div>One hundred seventy-one</div></li>
      <li style="display: none;"><div>One hundred seventy-two</div></li>
      <li style="display: none;"><div>One hundred seventy-three</div></li>
      <li style="display: none;"><div>One hundred seventy-four</div></li>
      <li style="display: none;"><div>One hundred seventy-five</div></li>
      <li style="display: none;"><div>One hundred seventy-six</div></li>
      <li style="display: none;"><div>One hundred seventy-seven</div></li>
      <li style="display: none;"><div>One hundred seventy-eight</div></li>
      <li style="display: none;"><div>One hundred seventy-nine</div></li>
      <li style="display: none;"><div>One hundred eighty</div></li>
      <li style="display: none;"><div>One hundred eighty-one</div></li>
      <li style="display: none;"><div>One hundred eighty-two</div></li>
      <li style="display: none;"><div>One hundred eighty-three</div></li>
      <li style="display: none;"><div>One hundred eighty-four</div></li>
      <li style="display: none;"><div>One hundred eighty-five</div></li>
      <li style="display: none;"><div>One hundred eighty-six</div></li>
      <li style="display: none;"><div>One hundred eighty-seven</div></li>
      <li style="display: none;"><div>One hundred eighty-eight</div></li>
      <li style="display: none;"><div>One hundred eighty-nine</div></li>
      <li style="display: none;"><div>One hundred ninety</div></li>
      <li style="display: none;"><div>One hundred ninety-one</div></li>
      <li style="display: none;"><div>One hundred ninety-two</div></li>
      <li style="display: none;"><div>One hundred ninety-three</div></li>
      <li style="display: none;"><div>One hundred ninety-four</div></li>
      <li style="display: none;"><div>One hundred ninety-five</div></li>
      <li style="display: none;"><div>One hundred ninety-six</div></li>
      <li style="display: none;"><div>One hundred ninety-seven</div></li>
      <li style="display: none;"><div>One hundred ninety-eight</div></li>
      <li style="display: none;"><div>One hundred ninety-nine</div></li>
      <li style="display: none;"><div>Two hundred</div></li>
      </ul>
   </table>
   <div class="my-navigation">
      <div class="simple-pagination-first"><a href="#" class="simple-pagination-navigation-first simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">&lt;&lt;</a></div>
      <div class="simple-pagination-previous"><a href="#" class="simple-pagination-navigation-previous simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">&lt;</a></div>
      <div class="simple-pagination-page-numbers"><a href="#" class="simple-pagination-navigation-page simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">1</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="2">2</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="3">3</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="4">4</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="5">5</a></div>
      <div class="simple-pagination-next"><a href="#" class="simple-pagination-navigation-next" data-simple-pagination-page-number="2">&gt;</a></div>
      <div class="simple-pagination-last"><a href="#" class="simple-pagination-navigation-last" data-simple-pagination-page-number="8">&gt;&gt;</a></div>
   </div>
</div>
<header>
   <h3>Example: Combining Page X of X and Select specific page</h3>
   <h4>$('#fifth-container').simplePagination({<br>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;use_page_count: true<br>
      });</h4>
</header>
<div id="fifth-container">
   <table>
      <ul id = "test">
      <!--http://www.marijn.org/everything-is-4/counting-0-to-100/english/-->
      <li style="display: table-row;"><div>One</div></li>
      <li style="display: table-row;"><div>Two</div></li>
      <li style="display: table-row;"><div>Three</div></li>
      <li style="display: table-row;"><div>Four</div></li>
      <li style="display: table-row;"><div>Five</div></li>
      <li style="display: table-row;"><div>Six</div></li>
      <li style="display: table-row;"><div>Seven</div></li>
      <li style="display: table-row;"><div>Eight</div></li>
      <li style="display: table-row;"><div>Nine</div></li>
      <li style="display: table-row;"><div>Ten</div></li>
      <li style="display: table-row;"><div>Eleven</div></li>
      <li style="display: table-row;"><div>Twelve</div></li>
      <li style="display: table-row;"><div>Thirteen</div></li>
      <li style="display: table-row;"><div>Fourteen</div></li>
      <li style="display: table-row;"><div>Fifteen</div></li>
      <li style="display: table-row;"><div>Sixteen</div></li>
      <li style="display: table-row;"><div>Seventeen</div></li>
      <li style="display: table-row;"><div>Eighteen</div></li>
      <li style="display: table-row;"><div>Nineteen</div></li>
      <li style="display: table-row;"><div>Twenty</div></li>
      <li style="display: table-row;"><div>Twenty-one</div></li>
      <li style="display: table-row;"><div>Twenty-two</div></li>
      <li style="display: table-row;"><div>Twenty-three</div></li>
      <li style="display: table-row;"><div>Twenty-four</div></li>
      <li style="display: table-row;"><div>Twenty-five</div></li>
      <li style="display: none;"><div>Twenty-six</div></li>
      <li style="display: none;"><div>Twenty-seven</div></li>
      <li style="display: none;"><div>Twenty-eight</div></li>
      <li style="display: none;"><div>Twenty-nine</div></li>
      <li style="display: none;"><div>Thirty</div></li>
      <li style="display: none;"><div>Thirty-one</div></li>
      <li style="display: none;"><div>Thirty-two</div></li>
      <li style="display: none;"><div>Thirty-three</div></li>
      <li style="display: none;"><div>Thirty-four</div></li>
      <li style="display: none;"><div>Thirty-five</div></li>
      <li style="display: none;"><div>Thirty-six</div></li>
      <li style="display: none;"><div>Thirty-seven</div></li>
      <li style="display: none;"><div>Thirty-eight</div></li>
      <li style="display: none;"><div>Thirty-nine</div></li>
      <li style="display: none;"><div>Forty</div></li>
      <li style="display: none;"><div>Forty-one</div></li>
      <li style="display: none;"><div>Forty-two</div></li>
      <li style="display: none;"><div>Forty-three</div></li>
      <li style="display: none;"><div>Forty-four</div></li>
      <li style="display: none;"><div>Forty-five</div></li>
      <li style="display: none;"><div>Forty-six</div></li>
      <li style="display: none;"><div>Forty-seven</div></li>
      <li style="display: none;"><div>Forty-eight</div></li>
      <li style="display: none;"><div>Forty-nine</div></li>
      <li style="display: none;"><div>Fifty</div></li>
      <li style="display: none;"><div>Fifty-one</div></li>
      <li style="display: none;"><div>Fifty-two</div></li>
      <li style="display: none;"><div>Fifty-three</div></li>
      <li style="display: none;"><div>Fifty-four</div></li>
      <li style="display: none;"><div>Fifty-five</div></li>
      <li style="display: none;"><div>Fifty-six</div></li>
      <li style="display: none;"><div>Fifty-seven</div></li>
      <li style="display: none;"><div>Fifty-eight</div></li>
      <li style="display: none;"><div>Fifty-nine</div></li>
      <li style="display: none;"><div>Sixty</div></li>
      <li style="display: none;"><div>Sixty-one</div></li>
      <li style="display: none;"><div>Sixty-two</div></li>
      <li style="display: none;"><div>Sixty-three</div></li>
      <li style="display: none;"><div>Sixty-four</div></li>
      <li style="display: none;"><div>Sixty-five</div></li>
      <li style="display: none;"><div>Sixty-six</div></li>
      <li style="display: none;"><div>Sixty-seven</div></li>
      <li style="display: none;"><div>Sixty-eight</div></li>
      <li style="display: none;"><div>Sixty-nine</div></li>
      <li style="display: none;"><div>Seventy</div></li>
      <li style="display: none;"><div>Seventy-one</div></li>
      <li style="display: none;"><div>Seventy-two</div></li>
      <li style="display: none;"><div>Seventy-three</div></li>
      <li style="display: none;"><div>Seventy-four</div></li>
      <li style="display: none;"><div>Seventy-five</div></li>
      <li style="display: none;"><div>Seventy-six</div></li>
      <li style="display: none;"><div>Seventy-seven</div></li>
      <li style="display: none;"><div>Seventy-eight</div></li>
      <li style="display: none;"><div>Seventy-nine</div></li>
      <li style="display: none;"><div>Eighty</div></li>
      <li style="display: none;"><div>Eighty-one</div></li>
      <li style="display: none;"><div>Eighty-two</div></li>
      <li style="display: none;"><div>Eighty-three</div></li>
      <li style="display: none;"><div>Eighty-four</div></li>
      <li style="display: none;"><div>Eighty-five</div></li>
      <li style="display: none;"><div>Eighty-six</div></li>
      <li style="display: none;"><div>Eighty-seven</div></li>
      <li style="display: none;"><div>Eighty-eight</div></li>
      <li style="display: none;"><div>Eighty-nine</div></li>
      <li style="display: none;"><div>Ninety</div></li>
      <li style="display: none;"><div>Ninety-one</div></li>
      <li style="display: none;"><div>Ninety-two</div></li>
      <li style="display: none;"><div>Ninety-three</div></li>
      <li style="display: none;"><div>Ninety-four</div></li>
      <li style="display: none;"><div>Ninety-five</div></li>
      <li style="display: none;"><div>Ninety-six</div></li>
      <li style="display: none;"><div>Ninety-seven</div></li>
      <li style="display: none;"><div>Ninety-eight</div></li>
      <li style="display: none;"><div>Ninety-nine</div></li>
      <li style="display: none;"><div>One hundred</div></li>
      <li style="display: none;"><div>One hundred one</div></li>
      <li style="display: none;"><div>One hundred two</div></li>
      <li style="display: none;"><div>One hundred three</div></li>
      <li style="display: none;"><div>One hundred four</div></li>
      <li style="display: none;"><div>One hundred five</div></li>
      <li style="display: none;"><div>One hundred six</div></li>
      <li style="display: none;"><div>One hundred seven</div></li>
      <li style="display: none;"><div>One hundred eight</div></li>
      <li style="display: none;"><div>One hundred nine</div></li>
      <li style="display: none;"><div>One hundred ten</div></li>
      <li style="display: none;"><div>One hundred eleven</div></li>
      <li style="display: none;"><div>One hundred twelve</div></li>
      <li style="display: none;"><div>One hundred thirteen</div></li>
      <li style="display: none;"><div>One hundred fourteen</div></li>
      <li style="display: none;"><div>One hundred fifteen</div></li>
      <li style="display: none;"><div>One hundred sixteen</div></li>
      <li style="display: none;"><div>One hundred seventeen</div></li>
      <li style="display: none;"><div>One hundred eighteen</div></li>
      <li style="display: none;"><div>One hundred nineteen</div></li>
      <li style="display: none;"><div>One hundred twenty</div></li>
      <li style="display: none;"><div>One hundred twenty-one</div></li>
      <li style="display: none;"><div>One hundred twenty-two</div></li>
      <li style="display: none;"><div>One hundred twenty-three</div></li>
      <li style="display: none;"><div>One hundred twenty-four</div></li>
      <li style="display: none;"><div>One hundred twenty-five</div></li>
      <li style="display: none;"><div>One hundred twenty-six</div></li>
      <li style="display: none;"><div>One hundred twenty-seven</div></li>
      <li style="display: none;"><div>One hundred twenty-eight</div></li>
      <li style="display: none;"><div>One hundred twenty-nine</div></li>
      <li style="display: none;"><div>One hundred thirty</div></li>
      <li style="display: none;"><div>One hundred thirty-one</div></li>
      <li style="display: none;"><div>One hundred thirty-two</div></li>
      <li style="display: none;"><div>One hundred thirty-three</div></li>
      <li style="display: none;"><div>One hundred thirty-four</div></li>
      <li style="display: none;"><div>One hundred thirty-five</div></li>
      <li style="display: none;"><div>One hundred thirty-six</div></li>
      <li style="display: none;"><div>One hundred thirty-seven</div></li>
      <li style="display: none;"><div>One hundred thirty-eight</div></li>
      <li style="display: none;"><div>One hundred thirty-nine</div></li>
      <li style="display: none;"><div>One hundred forty</div></li>
      <li style="display: none;"><div>One hundred forty-one</div></li>
      <li style="display: none;"><div>One hundred forty-two</div></li>
      <li style="display: none;"><div>One hundred forty-three</div></li>
      <li style="display: none;"><div>One hundred forty-four</div></li>
      <li style="display: none;"><div>One hundred forty-five</div></li>
      <li style="display: none;"><div>One hundred forty-six</div></li>
      <li style="display: none;"><div>One hundred forty-seven</div></li>
      <li style="display: none;"><div>One hundred forty-eight</div></li>
      <li style="display: none;"><div>One hundred forty-nine</div></li>
      <li style="display: none;"><div>One hundred fifty</div></li>
      <li style="display: none;"><div>One hundred fifty-one</div></li>
      <li style="display: none;"><div>One hundred fifty-two</div></li>
      <li style="display: none;"><div>One hundred fifty-three</div></li>
      <li style="display: none;"><div>One hundred fifty-four</div></li>
      <li style="display: none;"><div>One hundred fifty-five</div></li>
      <li style="display: none;"><div>One hundred fifty-six</div></li>
      <li style="display: none;"><div>One hundred fifty-seven</div></li>
      <li style="display: none;"><div>One hundred fifty-eight</div></li>
      <li style="display: none;"><div>One hundred fifty-nine</div></li>
      <li style="display: none;"><div>One hundred sixty</div></li>
      <li style="display: none;"><div>One hundred sixty-one</div></li>
      <li style="display: none;"><div>One hundred sixty-two</div></li>
      <li style="display: none;"><div>One hundred sixty-three</div></li>
      <li style="display: none;"><div>One hundred sixty-four</div></li>
      <li style="display: none;"><div>One hundred sixty-five</div></li>
      <li style="display: none;"><div>One hundred sixty-six</div></li>
      <li style="display: none;"><div>One hundred sixty-seven</div></li>
      <li style="display: none;"><div>One hundred sixty-eight</div></li>
      <li style="display: none;"><div>One hundred sixty-nine</div></li>
      <li style="display: none;"><div>One hundred seventy</div></li>
      <li style="display: none;"><div>One hundred seventy-one</div></li>
      <li style="display: none;"><div>One hundred seventy-two</div></li>
      <li style="display: none;"><div>One hundred seventy-three</div></li>
      <li style="display: none;"><div>One hundred seventy-four</div></li>
      <li style="display: none;"><div>One hundred seventy-five</div></li>
      <li style="display: none;"><div>One hundred seventy-six</div></li>
      <li style="display: none;"><div>One hundred seventy-seven</div></li>
      <li style="display: none;"><div>One hundred seventy-eight</div></li>
      <li style="display: none;"><div>One hundred seventy-nine</div></li>
      <li style="display: none;"><div>One hundred eighty</div></li>
      <li style="display: none;"><div>One hundred eighty-one</div></li>
      <li style="display: none;"><div>One hundred eighty-two</div></li>
      <li style="display: none;"><div>One hundred eighty-three</div></li>
      <li style="display: none;"><div>One hundred eighty-four</div></li>
      <li style="display: none;"><div>One hundred eighty-five</div></li>
      <li style="display: none;"><div>One hundred eighty-six</div></li>
      <li style="display: none;"><div>One hundred eighty-seven</div></li>
      <li style="display: none;"><div>One hundred eighty-eight</div></li>
      <li style="display: none;"><div>One hundred eighty-nine</div></li>
      <li style="display: none;"><div>One hundred ninety</div></li>
      <li style="display: none;"><div>One hundred ninety-one</div></li>
      <li style="display: none;"><div>One hundred ninety-two</div></li>
      <li style="display: none;"><div>One hundred ninety-three</div></li>
      <li style="display: none;"><div>One hundred ninety-four</div></li>
      <li style="display: none;"><div>One hundred ninety-five</div></li>
      <li style="display: none;"><div>One hundred ninety-six</div></li>
      <li style="display: none;"><div>One hundred ninety-seven</div></li>
      <li style="display: none;"><div>One hundred ninety-eight</div></li>
      <li style="display: none;"><div>One hundred ninety-nine</div></li>
      <li style="display: none;"><div>Two hundred</div></li>
      </ul>
   </table>
   <div class="my-navigation">
      <div class="simple-pagination-first"><a href="#" class="simple-pagination-navigation-first simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">First</a></div>
      <div class="simple-pagination-previous"><a href="#" class="simple-pagination-navigation-previous simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">Previous</a></div>
      <div class="simple-pagination-page-numbers"><a href="#" class="simple-pagination-navigation-page simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">1</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="2">2</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="3">3</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="4">4</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="5">5</a></div>
      <div class="simple-pagination-next"><a href="#" class="simple-pagination-navigation-next" data-simple-pagination-page-number="2">Next</a></div>
      <div class="simple-pagination-last"><a href="#" class="simple-pagination-navigation-last" data-simple-pagination-page-number="8">Last</a></div>
   </div>
   <div>
      Page <select class="simple-pagination-select-specific-page"><option value="1" selected="">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
   </select> of <span class="simple-pagination-page-count">8</span>.
   </div>
   <div class="simple-pagination-showing-x-of-x">Showing 1-25 of 200</div>
</div>
<header>
   <h3>Example: Customizing the items per page dropdown</h3>
   <h4>$('#sixth-container').simplePagination({<br>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;items_per_page: 11,  // Should assign to match a value in: <i>items_per_page_content</i><br>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;items_per_page_content: {<br>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'Six': 6,<br>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'Eleven': 11,<br>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'Seventeen': 17,<br>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'Thirty-three': 33,<br>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'Sixty-seven': 67<br>
      });</h4>
   <h5>Values are treated as integers via <i>parseInt()</i></h5>
</header>
<div id="sixth-container">
   <table>
      <ul>
      <!--http://www.marijn.org/everything-is-4/counting-0-to-100/english/-->
      <li style="display: table-row;"><div>One</div></li>
      <li style="display: table-row;"><div>Two</div></li>
      <li style="display: table-row;"><div>Three</div></li>
      <li style="display: table-row;"><div>Four</div></li>
      <li style="display: table-row;"><div>Five</div></li>
      <li style="display: table-row;"><div>Six</div></li>
      <li style="display: table-row;"><div>Seven</div></li>
      <li style="display: table-row;"><div>Eight</div></li>
      <li style="display: table-row;"><div>Nine</div></li>
      <li style="display: table-row;"><div>Ten</div></li>
      <li style="display: table-row;"><div>Eleven</div></li>
      <li style="display: none;"><div>Twelve</div></li>
      <li style="display: none;"><div>Thirteen</div></li>
      <li style="display: none;"><div>Fourteen</div></li>
      <li style="display: none;"><div>Fifteen</div></li>
      <li style="display: none;"><div>Sixteen</div></li>
      <li style="display: none;"><div>Seventeen</div></li>
      <li style="display: none;"><div>Eighteen</div></li>
      <li style="display: none;"><div>Nineteen</div></li>
      <li style="display: none;"><div>Twenty</div></li>
      <li style="display: none;"><div>Twenty-one</div></li>
      <li style="display: none;"><div>Twenty-two</div></li>
      <li style="display: none;"><div>Twenty-three</div></li>
      <li style="display: none;"><div>Twenty-four</div></li>
      <li style="display: none;"><div>Twenty-five</div></li>
      <li style="display: none;"><div>Twenty-six</div></li>
      <li style="display: none;"><div>Twenty-seven</div></li>
      <li style="display: none;"><div>Twenty-eight</div></li>
      <li style="display: none;"><div>Twenty-nine</div></li>
      <li style="display: none;"><div>Thirty</div></li>
      <li style="display: none;"><div>Thirty-one</div></li>
      <li style="display: none;"><div>Thirty-two</div></li>
      <li style="display: none;"><div>Thirty-three</div></li>
      <li style="display: none;"><div>Thirty-four</div></li>
      <li style="display: none;"><div>Thirty-five</div></li>
      <li style="display: none;"><div>Thirty-six</div></li>
      <li style="display: none;"><div>Thirty-seven</div></li>
      <li style="display: none;"><div>Thirty-eight</div></li>
      <li style="display: none;"><div>Thirty-nine</div></li>
      <li style="display: none;"><div>Forty</div></li>
      <li style="display: none;"><div>Forty-one</div></li>
      <li style="display: none;"><div>Forty-two</div></li>
      <li style="display: none;"><div>Forty-three</div></li>
      <li style="display: none;"><div>Forty-four</div></li>
      <li style="display: none;"><div>Forty-five</div></li>
      <li style="display: none;"><div>Forty-six</div></li>
      <li style="display: none;"><div>Forty-seven</div></li>
      <li style="display: none;"><div>Forty-eight</div></li>
      <li style="display: none;"><div>Forty-nine</div></li>
      <li style="display: none;"><div>Fifty</div></li>
      <li style="display: none;"><div>Fifty-one</div></li>
      <li style="display: none;"><div>Fifty-two</div></li>
      <li style="display: none;"><div>Fifty-three</div></li>
      <li style="display: none;"><div>Fifty-four</div></li>
      <li style="display: none;"><div>Fifty-five</div></li>
      <li style="display: none;"><div>Fifty-six</div></li>
      <li style="display: none;"><div>Fifty-seven</div></li>
      <li style="display: none;"><div>Fifty-eight</div></li>
      <li style="display: none;"><div>Fifty-nine</div></li>
      <li style="display: none;"><div>Sixty</div></li>
      <li style="display: none;"><div>Sixty-one</div></li>
      <li style="display: none;"><div>Sixty-two</div></li>
      <li style="display: none;"><div>Sixty-three</div></li>
      <li style="display: none;"><div>Sixty-four</div></li>
      <li style="display: none;"><div>Sixty-five</div></li>
      <li style="display: none;"><div>Sixty-six</div></li>
      <li style="display: none;"><div>Sixty-seven</div></li>
      <li style="display: none;"><div>Sixty-eight</div></li>
      <li style="display: none;"><div>Sixty-nine</div></li>
      <li style="display: none;"><div>Seventy</div></li>
      <li style="display: none;"><div>Seventy-one</div></li>
      <li style="display: none;"><div>Seventy-two</div></li>
      <li style="display: none;"><div>Seventy-three</div></li>
      <li style="display: none;"><div>Seventy-four</div></li>
      <li style="display: none;"><div>Seventy-five</div></li>
      <li style="display: none;"><div>Seventy-six</div></li>
      <li style="display: none;"><div>Seventy-seven</div></li>
      <li style="display: none;"><div>Seventy-eight</div></li>
      <li style="display: none;"><div>Seventy-nine</div></li>
      <li style="display: none;"><div>Eighty</div></li>
      <li style="display: none;"><div>Eighty-one</div></li>
      <li style="display: none;"><div>Eighty-two</div></li>
      <li style="display: none;"><div>Eighty-three</div></li>
      <li style="display: none;"><div>Eighty-four</div></li>
      <li style="display: none;"><div>Eighty-five</div></li>
      <li style="display: none;"><div>Eighty-six</div></li>
      <li style="display: none;"><div>Eighty-seven</div></li>
      <li style="display: none;"><div>Eighty-eight</div></li>
      <li style="display: none;"><div>Eighty-nine</div></li>
      <li style="display: none;"><div>Ninety</div></li>
      <li style="display: none;"><div>Ninety-one</div></li>
      <li style="display: none;"><div>Ninety-two</div></li>
      <li style="display: none;"><div>Ninety-three</div></li>
      <li style="display: none;"><div>Ninety-four</div></li>
      <li style="display: none;"><div>Ninety-five</div></li>
      <li style="display: none;"><div>Ninety-six</div></li>
      <li style="display: none;"><div>Ninety-seven</div></li>
      <li style="display: none;"><div>Ninety-eight</div></li>
      <li style="display: none;"><div>Ninety-nine</div></li>
      <li style="display: none;"><div>One hundred</div></li>
      <li style="display: none;"><div>One hundred one</div></li>
      <li style="display: none;"><div>One hundred two</div></li>
      <li style="display: none;"><div>One hundred three</div></li>
      <li style="display: none;"><div>One hundred four</div></li>
      <li style="display: none;"><div>One hundred five</div></li>
      <li style="display: none;"><div>One hundred six</div></li>
      <li style="display: none;"><div>One hundred seven</div></li>
      <li style="display: none;"><div>One hundred eight</div></li>
      <li style="display: none;"><div>One hundred nine</div></li>
      <li style="display: none;"><div>One hundred ten</div></li>
      <li style="display: none;"><div>One hundred eleven</div></li>
      <li style="display: none;"><div>One hundred twelve</div></li>
      <li style="display: none;"><div>One hundred thirteen</div></li>
      <li style="display: none;"><div>One hundred fourteen</div></li>
      <li style="display: none;"><div>One hundred fifteen</div></li>
      <li style="display: none;"><div>One hundred sixteen</div></li>
      <li style="display: none;"><div>One hundred seventeen</div></li>
      <li style="display: none;"><div>One hundred eighteen</div></li>
      <li style="display: none;"><div>One hundred nineteen</div></li>
      <li style="display: none;"><div>One hundred twenty</div></li>
      <li style="display: none;"><div>One hundred twenty-one</div></li>
      <li style="display: none;"><div>One hundred twenty-two</div></li>
      <li style="display: none;"><div>One hundred twenty-three</div></li>
      <li style="display: none;"><div>One hundred twenty-four</div></li>
      <li style="display: none;"><div>One hundred twenty-five</div></li>
      <li style="display: none;"><div>One hundred twenty-six</div></li>
      <li style="display: none;"><div>One hundred twenty-seven</div></li>
      <li style="display: none;"><div>One hundred twenty-eight</div></li>
      <li style="display: none;"><div>One hundred twenty-nine</div></li>
      <li style="display: none;"><div>One hundred thirty</div></li>
      <li style="display: none;"><div>One hundred thirty-one</div></li>
      <li style="display: none;"><div>One hundred thirty-two</div></li>
      <li style="display: none;"><div>One hundred thirty-three</div></li>
      <li style="display: none;"><div>One hundred thirty-four</div></li>
      <li style="display: none;"><div>One hundred thirty-five</div></li>
      <li style="display: none;"><div>One hundred thirty-six</div></li>
      <li style="display: none;"><div>One hundred thirty-seven</div></li>
      <li style="display: none;"><div>One hundred thirty-eight</div></li>
      <li style="display: none;"><div>One hundred thirty-nine</div></li>
      <li style="display: none;"><div>One hundred forty</div></li>
      <li style="display: none;"><div>One hundred forty-one</div></li>
      <li style="display: none;"><div>One hundred forty-two</div></li>
      <li style="display: none;"><div>One hundred forty-three</div></li>
      <li style="display: none;"><div>One hundred forty-four</div></li>
      <li style="display: none;"><div>One hundred forty-five</div></li>
      <li style="display: none;"><div>One hundred forty-six</div></li>
      <li style="display: none;"><div>One hundred forty-seven</div></li>
      <li style="display: none;"><div>One hundred forty-eight</div></li>
      <li style="display: none;"><div>One hundred forty-nine</div></li>
      <li style="display: none;"><div>One hundred fifty</div></li>
      <li style="display: none;"><div>One hundred fifty-one</div></li>
      <li style="display: none;"><div>One hundred fifty-two</div></li>
      <li style="display: none;"><div>One hundred fifty-three</div></li>
      <li style="display: none;"><div>One hundred fifty-four</div></li>
      <li style="display: none;"><div>One hundred fifty-five</div></li>
      <li style="display: none;"><div>One hundred fifty-six</div></li>
      <li style="display: none;"><div>One hundred fifty-seven</div></li>
      <li style="display: none;"><div>One hundred fifty-eight</div></li>
      <li style="display: none;"><div>One hundred fifty-nine</div></li>
      <li style="display: none;"><div>One hundred sixty</div></li>
      <li style="display: none;"><div>One hundred sixty-one</div></li>
      <li style="display: none;"><div>One hundred sixty-two</div></li>
      <li style="display: none;"><div>One hundred sixty-three</div></li>
      <li style="display: none;"><div>One hundred sixty-four</div></li>
      <li style="display: none;"><div>One hundred sixty-five</div></li>
      <li style="display: none;"><div>One hundred sixty-six</div></li>
      <li style="display: none;"><div>One hundred sixty-seven</div></li>
      <li style="display: none;"><div>One hundred sixty-eight</div></li>
      <li style="display: none;"><div>One hundred sixty-nine</div></li>
      <li style="display: none;"><div>One hundred seventy</div></li>
      <li style="display: none;"><div>One hundred seventy-one</div></li>
      <li style="display: none;"><div>One hundred seventy-two</div></li>
      <li style="display: none;"><div>One hundred seventy-three</div></li>
      <li style="display: none;"><div>One hundred seventy-four</div></li>
      <li style="display: none;"><div>One hundred seventy-five</div></li>
      <li style="display: none;"><div>One hundred seventy-six</div></li>
      <li style="display: none;"><div>One hundred seventy-seven</div></li>
      <li style="display: none;"><div>One hundred seventy-eight</div></li>
      <li style="display: none;"><div>One hundred seventy-nine</div></li>
      <li style="display: none;"><div>One hundred eighty</div></li>
      <li style="display: none;"><div>One hundred eighty-one</div></li>
      <li style="display: none;"><div>One hundred eighty-two</div></li>
      <li style="display: none;"><div>One hundred eighty-three</div></li>
      <li style="display: none;"><div>One hundred eighty-four</div></li>
      <li style="display: none;"><div>One hundred eighty-five</div></li>
      <li style="display: none;"><div>One hundred eighty-six</div></li>
      <li style="display: none;"><div>One hundred eighty-seven</div></li>
      <li style="display: none;"><div>One hundred eighty-eight</div></li>
      <li style="display: none;"><div>One hundred eighty-nine</div></li>
      <li style="display: none;"><div>One hundred ninety</div></li>
      <li style="display: none;"><div>One hundred ninety-one</div></li>
      <li style="display: none;"><div>One hundred ninety-two</div></li>
      <li style="display: none;"><div>One hundred ninety-three</div></li>
      <li style="display: none;"><div>One hundred ninety-four</div></li>
      <li style="display: none;"><div>One hundred ninety-five</div></li>
      <li style="display: none;"><div>One hundred ninety-six</div></li>
      <li style="display: none;"><div>One hundred ninety-seven</div></li>
      <li style="display: none;"><div>One hundred ninety-eight</div></li>
      <li style="display: none;"><div>One hundred ninety-nine</div></li>
      <li style="display: none;"><div>Two hundred</div></li>
      </ul>
   </table>
   <div class="my-navigation">
      <div class="simple-pagination-first"><a href="#" class="simple-pagination-navigation-first simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">First</a></div>
      <div class="simple-pagination-previous"><a href="#" class="simple-pagination-navigation-previous simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">Previous</a></div>
      <div class="simple-pagination-page-numbers"><a href="#" class="simple-pagination-navigation-page simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">1</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="2">2</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="3">3</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="4">4</a><a href="#" class="simple-pagination-navigation-page" data-simple-pagination-page-number="5">5</a></div>
      <div class="simple-pagination-next"><a href="#" class="simple-pagination-navigation-next" data-simple-pagination-page-number="2">Next</a></div>
      <div class="simple-pagination-last"><a href="#" class="simple-pagination-navigation-last" data-simple-pagination-page-number="19">Last</a></div>
   </div>
   <div class="simple-pagination-page-x-of-x">Page 1 of 19</div>
   <div class="simple-pagination-showing-x-of-x">Showing 1-11 of 200</div>
   <div>
      Display <select class="simple-pagination-items-per-page"><option value="6">Six</option>
      <option value="11" selected="">Eleven</option>
      <option value="17">Seventeen</option>
      <option value="33">Thirty-three</option>
      <option value="67">Sixty-seven</option>
   </select> items per page.
   </div>
</div>
<input id = "submit" type = "button" values = "submit">
<a href="https://github.com/ddenhartog/jquery-simple-pagination" target="_blank"><h1>Fork on GitHub</h1></a>

<script async="" src="//www.google-analytics.com/analytics.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="library/paging/jquery-simple-pagination-plugin.js"></script>
<script>
   $(document).ready(function(){
      $('#first-container').simplePagination();

      $('#second-container').simplePagination({
         items_per_page: 5,
         number_of_visible_page_numbers: 10
      });

      $('#third-container').simplePagination({
         items_per_page: 10
      });

      $('#fourth-container').simplePagination({
         first_content: '&lt;&lt;',
         previous_content: '<',
         next_content: '>',
         last_content: '>>',
         items_per_page: 50
      });

      $('#fifth-container').simplePagination({
         use_page_count: true
      });

      $('#sixth-container').simplePagination({
         items_per_page: 11,
         items_per_page_content: {
            'Six': 6,
            'Eleven': 11,
            'Seventeen': 17,
            'Thirty-three': 33,
            'Sixty-seven': 67
         }
      });
   });
</script>
<!--<script>-->
   <!--(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){-->
      <!--(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),-->
         <!--m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)-->
   <!--})(window,document,'script','//www.google-analytics.com/analytics.js','ga');-->
   <!--ga('create', 'UA-48624238-1', 'ddenhartog.github.io');-->
   <!--ga('send', 'pageview');-->
<!--</script>-->

</body></html>